<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>query</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="mainContainer">
	<div class="header">
    	<div class="logo"><strong data_temp_dwid="1"> 淘 靓 机</strong><br data_temp_dwid="2">
        </div>
        <div class="search">
        	<div class="searchIcon"><img src="images/searchIcon.png" alt="" /></div>SEARCH:<input name="" type="text" />
            <div class="searchButton"><a href=""><img src="images/searchButton.png" alt="" /></a></div>
        </div>
    </div>
    <div class="menu">
    	<ul>
    	   	<li><a href="index.html">主页</a></li>
    	  	<li><a href="add.html">添加</a></li>
            <li><a href="query.html">查询</a></li>
            <li><a href="#">删除</a></li>
            <li><a href="#">修改</a></li>
            <li><a href="#">购物车</a></li>
        </ul>
    </div>
    <div  class="shopList">
    	<h2>推荐品牌</h2>
        <ul>
        	<li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为P30.jpg" alt="华为P30" width="191" height="130"/></ins>
                <ins>
                    <ins class="shopListTitle">
						<center>
						   <a href="#"><strong>华为<br>P30</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
            <li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为P20.jpg" alt="华为P20" width="180" height="130"/></ins>
                <ins>
                     <ins class="shopListTitle">
						<center>
						  <a href="#"><strong>华为<br>P20</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
            <li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为Mate 20 X.jpg" alt="华为Mate 20 X" width="160" height="130"/></ins>
                <ins>
                     <ins class="shopListTitle">
						<center>
						  <a href="#"><strong>华为<br>Mate 20 X</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
           <li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为Mate 20 RS.jpg" alt="华为Mate 20 RS" width="160" height="120"/></ins>
                <ins>
                     <ins class="shopListTitle">
						<center>
						  <a href="#"><strong>华为<br>Mate 20 RS</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
            <li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为nova 4e.jpg" alt="华为 nova 4e" width="160" height="120"/></ins>
                <ins>
                     <ins class="shopListTitle">
						<center>
						  <a href="#"><strong>华为<br>nova 4e</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
            <li>
                <a href="">
                <ins class="shoesPic"><img src="images/华为畅享 9S.jpg" alt="华为畅享 9S" width="160" height="120"/></ins>
                <ins>
                     <ins class="shopListTitle">
						<center>
						  <a href="#"><strong>华为<br>畅享 9S</strong></a>
				</center></ins>
                </ins>
                </a>
            </li>
        </ul>
        <br class="clearfloat" />
    </div>
</div>
</body>
</html>
